<template>
	<div class="city">
		<div class="city-top">
			<h3>选择城市</h3>
			<i class="iconfont" @click="btn()">&#xe66e;</i>
		</div>
		<Citymsg></Citymsg>
	</div>
</template>

<script>
	import Citymsg from './pages/Citymsg.vue'
	export default{
		name:'City',
		components:{
			Citymsg
		},
		methods:{
			btn(){
				this.$router.push('/')
			}
		}
	}
</script>

<style scoped>
	.city{
		width: 100%;
		height: 100%;
	}
	.city-top{
		display: flex;
		height: 1.2rem;
		background-color: #fed101;
	}
	.city-top h3{
		width: 95%;
		line-height: 1.2rem;
		font-size: .4rem;
		float: left;
		text-align: center;
	}
	.city-top i{
		flex: 1;
		float: right;
		line-height: 1.2rem;
		font-weight: bold;
	}
</style>
